import React, { Component } from 'react';
import '../styles/MySecKill.scss'
import pic1 from '../assets/01-首页-值得买_03.gif'
import pic2 from '../assets/01-首页-值得买_05.gif'
import pic3 from '../assets/01-首页-值得买_07.gif'
import pic4 from '../assets/01-首页-值得买_12.gif'
import pic5 from '../assets/01-首页-值得买_13.gif'
import pic6 from '../assets/01-首页-值得买_14.gif'






class MySecKill extends Component {
    constructor(props){
        super(props);
        this.state = { 
            list:[
                { pic:pic1,text:'Filorga菲洛嘉柔...',yuanjia:303,jia:195 },
                { pic:pic2,text:'CLINIQUE倩碧...',yuanjia:924,jia:675 },
                { pic:pic3,text:'La Mer海蓝之...',yuanjia:2826,jia:2543 },
                { pic:pic4,text:'Panier Des Sen...',yuanjia:430,jia:413 },
                { pic:pic5,text:'Giorgio Armani...',yuanjia:110,jia:93 },
                { pic:pic6,text:'Ulike 蓝宝石冰...',yuanjia:1749,jia:1487 },
            ]
        }
    }
    render() {
        return (
            <div className='kill'>
                {
                    this.state.list.map((item,index)=>{
                        return (
                            <div className="item" key={index}>
                                <div className='tu'><img src={item.pic} alt="" /></div>
                                <div className="text">{item.text}</div>
                                <div className="yuanjia">原价 ¥{item.yuanjia}</div>
                                <div className="jia">抢购价 ¥ {item.jia}</div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default MySecKill;